<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>展示pdf文件预览</title>
<%String path = request.getContextPath(); %>
<script type="text/javascript" src="<%=path%>/js/jquery.js"></script>
<script type="text/javascript" src="<%=path%>/js/jquery.media.js"></script>
<script type="text/javascript">
	 $(function () {
         
         $("#pdfbtn").click(function() {
         	var iWidth = 800;
         	var iHeight = 600;
         	var iTop = (window.screen.availHeight-30-iHeight)/2; 
            var iLeft = (window.screen.availWidth-10-iWidth)/2;
         	window.open("<%=path%>/pdf/pdfdetail.htm?pdfId="+132,"_blank",'toolbar=no, location=0, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=yes, width='+iWidth+', height='+iHeight+',top='+iTop+',left='+iLeft+',right=0');
         	 /*$("#showdiv").show();
         	 $('#showpdf').media({width:800, height:600});*/
         });
	 	
	 })

</script>
</head>
<body>

       展示相应的pdf预览 
       <input id="pdfbtn" type="button" value="pdf"/>:
       <div id="showdiv" style="display:none">
         <a id="showpdf"  href="<%=path%>/fileupload/guice.pdf"></a>
       </div>
</body>
</html>